<template>
  <el-row :gutter="8">
    <el-col :span="14">
      <el-divider>系统菜单</el-divider>
      <menu-table @rowClick="(row) => selectMenu = row" />
    </el-col>
    <el-col :span="10">
      <el-divider>{{ selectMenu.title }} 授权对象</el-divider>
      <menu-auth :select-menu="selectMenu" />
    </el-col>
  </el-row>
</template>

<script>
import UserJob from "@/views/system/job/UserJob";
import MenuTable from "@/views/system/menu/MenuTable";
import MenuAuth from "@/views/system/menu/MenuAuth";
export default {
  name: "GroupMenu",
  components: {MenuAuth, MenuTable, UserJob},
  provide(){
    return {
      menuClick: this.menuClick
    }
  },
  data(){
    return {
      selectMenu: {}
    }
  },
  methods: {
    menuClick(row, column){
      if (!column.property){
        return
      }
      this.selectMenu = row
    }
  }
}
</script>

<style scoped>

</style>
